@import 'base.less';
@import 'common.less';

body{
	background:  rgb(220, 227, 230);
}
header{
	width: 100%;
	img{
		width: 100%;
	}
}

// 已改
	
// pc
@media screen and (min-width: 769px) {
	footer{
		width: 1280px;
	}
	table{
			overflow-y: hidden;
			width: 480pt;
			margin: 0 auto;
			tr:first-child{
				// height: 0.88rem;
				margin: auto;
				// border-bottom: none;
				th{
					height: 0.26rem;
					line-height: 0.26rem;
					background: #fff;
					font-size: 0.26rem;
					color: rgb(20,115,145);
				}
				th:nth-child(1),th:nth-child(2),th:nth-child(3),th:nth-child(4){
					border-right: 1px solid #e2e2e0;
				}
			}
			tr{
				width: 100%;
				// border-bottom: 1px solid #e2e2e0;
				td{
					text-align: center;
					font-size: 0.24rem;
					height: 1.02rem;
					line-height:1.02rem; 
					border-bottom: 1px solid #e2e2e0;
				}
				button{
					width: 56pt;
					height: 15pt;
					line-height: 15pt;
					border-radius: 3pt;
				}
				td:nth-child(1),th:nth-child(1){
					width: 20%;
				}
				td:nth-child(3),th:nth-child(3){
					width: 20%;
				}
				td:nth-child(2),th:nth-child(2){
					width: 20%;
				}
				td:nth-child(4),th:nth-child(4){
					width: 20%;
				}
				td:nth-child(5),th:nth-child(5){
					width: 20%;
				}
			}
		}
	.alert,.alert-error{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		.alert-body{
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			background: #fff;
			height: 4.16rem;
			width: 5.7rem;
			
			h6{
				margin-bottom: 0;
				margin-top: 0;
				background: #265f73;
				color: #fff;
				height: 0.84rem;
				line-height: 0.84rem;
				text-align: center;
				font-size: 0.36rem;
			}
			p{
				margin: 0 auto;
				text-align: center;
				color: #265f73;
				font-size: 0.36rem;
				height: 0.36rem;
				line-height: 0.36rem;
			}
			img{
				margin-top: 20pt;
				margin-left: 100pt;
				width: 0.42rem;
				height: 0.42rem;
			}
			button{
				cursor: pointer;
				margin-left: 54pt;
				color: #fff;
				height: 0.76rem;
				border: none;
				width: 2.86rem;
				background: #265f73;
				font-size: 0.36rem;
			}
		}
	}
	body{
		margin: 0 auto;
		width: 1280px;
	}
	.mobile{
		display: none;
	}
	.repair-body{
		margin: 0 auto;
		width: 480pt;
		padding:6pt;
		margin-bottom: 13pt;
		background: #fff;
		.btn{
			height: 26pt;
			font-size: 0.3rem;
			line-height: 26pt;
			margin-bottom: 20pt;
		}
		h6{
			font-size: 0.3rem;
			padding-bottom: 10pt;
			padding-left: 20pt;
		}
		li{
			line-height: 20pt;
			font-size: 0.24rem;
			padding-right:20pt;
		}
	}
	.notes{
		height: 180pt;
	}
	.ad{
		padding-bottom: 12pt;
		img{
			width: 480pt;
		}
	}
	// table{
	// 	tbody{
	// 		margin: 0 20pt;
	// 		padding-bottom: 20pt;
	// 	}
	// 	tr{
	// 		color: rgb(14, 42, 52);
	// 		font-size: 9pt;
	// 		th{
	// 			height: 15pt;
	// 			line-height: 15pt;
	// 			font-weight: normal;
	// 		}
	// 		td{
	// 			height: 22pt;
	// 			line-height: 22pt;
	// 			font-weight: normal;
	// 		}
	// 		button{
	// 			width: 56pt;
	// 			height: 15pt;
	// 			border-radius: 3pt;
	// 		}
	// 		button:nth-child(event){
	// 			margin: 10pt 0;
				
	// 		}
	// 		button:nth-child(odd){
	// 			margin: 4pt 0;
	// 		}
	// 	}
	// }
	.block{
		margin: 0 auto;
		width: 492pt;
		height: 10pt;
	}
}

// mobile
@media screen and (max-width: 768px) {
	footer{
		width: 100%;
	}
	.alert,.alert-error{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		.alert-body{
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			background: #fff;
			height: 3.8rem;
			width: 4.72rem;
			.display-box();
			.box-orient(vertical);
			.box-align();
			
			h6{
				margin-top: 0;
				width: 100%;
				background: #265f73;
				color: #fff;
				height: 0.66rem;
				line-height: 0.66rem;
				text-align: center;
				font-size: 0.3rem;
			}
			p{
				.display-box();
				padding-bottom: 0.2rem;
				margin: 0 auto;
				text-align: center;
				color: #265f73;
				font-size: 0.3rem;
			}
			div{
				.display-box();
				width: 0.42rem;
				height: 0.42rem;
			}
			img{
				margin-top: 0.5rem;
				margin-bottom: 0.2rem;
				.display-box();
				width: 0.42rem;
				height: 0.42rem;
			}
			button{
				.display-box();
				cursor: pointer;
				margin: 0 auto;
				// margin-left: 66pt;
				color: #fff;
				height: 0.6rem;
				border: none;
				width: 2.28rem;
				background: #265f73;
				font-size: 0.3rem;
			}
		}
	}
	.pc{
		display: none;
	}
	.repair-body{
		margin: 0 6pt 10pt 6pt;
		overflow-y: scroll;
		.btn{
			height: 20pt;
			font-size: 0.26rem;
			line-height: 20pt;
			margin-bottom: 10pt;
		}
		ul{
			padding-left: 0.6rem;
		}
		h6{
			padding-top: 5pt;
			font-size: 0.26rem;
			line-height: 15pt;
			padding-bottom: 5pt;
			padding-left: 0.3rem;
		}
		li{
			line-height: 0.36rem;
			font-size: 0.24rem;
			padding-right:0.3rem;
			padding-bottom: 0.04rem;
		}
		li:last-child{
			margin-bottom: 20pt;
		}
	}
	.notes{
		background: #fff;
		height: 203pt;
		margin-bottom: 20pt;
	}
	.ad img{
		width: 100%;
	}
	.middle{
		height: 0.3rem;
		width: 100%;
		background: #fff;
	}
	table{
		width: 100%;
		tr:nth-child(odd){
			background: #fff;
		}
		
		tr{
			background: #fff;
			text-align: center;
			width: 100%;
			// border-bottom: 1px solid #e2e2e0;
			td{
				font-size: 9pt;
				height: 1.02rem;
				line-height:1.02rem; 
				border-bottom: 1px solid #e2e2e0;
			}
			button{
				width: 44pt;
				height: 15pt;
				border-radius: 3pt;
			}
			th{
				height: 0.26rem;
				line-height: 0.26rem;
				background: #fff;
				font-size: 0.26rem;
				color: rgb(20,115,145);
				margin: 0.3rem 0;
			}
			th:nth-child(1),th:nth-child(2),th:nth-child(3),th:nth-child(4){
				border-right: 1px solid #e2e2e0;
			}
			td:nth-child(1),th:nth-child(1){
				width: 20%;
			}
			td:nth-child(4),th:nth-child(4){
				width: 17%;
			}
			td:nth-child(5),th:nth-child(5){
				width: 18%;
			}
			td:nth-child(3),th:nth-child(3){
				width: 20%;
			}
			td:nth-child(2),th:nth-child(2){
				width: 20%;
			}
		}
	}
	.block{
		margin: 0 6pt;
		height: 8pt;
	}
}

.notes{
	.display-box();
	.box-orient(vertical);
	.box-pack();
}

.repair-body{
	.display-box();
	.box-orient(vertical);
	font-weight: normal;
	.btn{
		background: rgb(8, 90, 118);
		color: #fff;
		text-align: center;
	}
	h6{
		color: rgb(0, 86, 115);
	}
	
	li{
		color: rgb(88, 102, 108);
	}
}

.ad{
	.display-box();
	.box-pack();
	width: 100%;
}

table{
// 	width: 100%;
	tr{
// 		text-align: center;
// 		margin: 0 auto;
// 		th{
// 			background: rgb(160, 178, 186);
// 		}
		button{
			border: none;
			color: #fff;
			background: rgb(84, 170, 192);
		}
	}
// 	tr:nth-child(even){
// 		background: #fff;
// 	}
// 	tr:nth-child(odd){
// 		background: rgb(236, 240, 241);
// 	}
}

.block{
	background: rgb(124, 175, 193);
}
.hide{
	display: none;
}
footer{
	cursor: pointer;
	line-height: 32pt;
	text-align: center;
	height: 32pt;
	color: rgb(114, 113, 113);
	font-size: 0.3rem;
	background: rgb(234, 235, 239);
}
button{
	cursor: pointer;
}
